<template>
  <div id="app" :style="{height:screenHeight+'px'}">
    <router-view></router-view>
  </div>
</template>

<script>
  // import publicPart from "@/views/public/publicPart";

  export default {
    name: 'App',
    components: {
      // publicPart,
    },
    data() {
      return {
        screenHeight: document.documentElement.clientHeight // 屏幕高度
      }
    },
    watch: {
      'screenHeight': function (val) { // 监听屏幕高度变化
        var oIframe = document.getElementById('app')
        // alert(this.$store.getters.screenHeight)
        oIframe.style.height = (Number(val) - 40) + 'px'
      }
    },
    mounted() {
      var _this = this
      window.onresize = function () {
        _this.screenHeight = document.documentElement.clientHeight // 窗口高度
      }
    },
  }
</script>

<style>
  * {
    margin: 0;
    padding: 0;

  }

  ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }

  /*::-webkit-scrollbar-thumb { //滑块部分*/
  /*border-radius: 5px;*/
  /*  background-color: rgb(175, 74, 240);*/
  /*}*/
  /*::-webkit-scrollbar-track { //轨道部分*/
  /*box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
  /*  background: #ededed;*/
  /*  border-radius: 5px;*/
  /*}*/
  #app {
    min-width: 1200px;
    overflow: hidden;
  }
</style>
